<template>
  <el-table
    border
    :data="users"
    size="mini"
  >
    <el-table-column
      prop="nickname"
      :label="$t('notice.username')"
      align="center"
    ></el-table-column>
    <el-table-column
      prop="crateTime"
      :label="$t('notice.bindTime')"
      align="center"
    ></el-table-column>
    <el-table-column
      :label="$t('notice.action')"
      align="center"
    >
      <template slot-scope="{row}">
        <el-button size="mini" type="text" @click="unbind(row)">{{ $t('notice.unbind') }}</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
import {unbind} from "@/api/notice";

export default {
  props: {
    users: {
      type: Array,
      default: () => [],
    }
  },
  data() {
    return {

    }
  },
  created() {

  },
  methods: {
    unbind(row) {
      this.$emit('unbind', row);
    },
  }
}
</script>

<style scoped lang="less">

</style>
